@import url("rem.less");
@import url("footer.less");
@width: 100%;
html,body{
    background: #f3f3f3;
}
.header{
    width: @width;
    display: flex;
    justify-content: space-between;
    background-image: url(../img/entry-imgs/entry-imgs_log-banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
    .pt(50);
    .pb(50);
    .h-left,.h-news{
        width: 15%;
        ul{
            li{
                text-align: center;
                color: #fff;
                i{.fz(100)}
                p{.fz(30)}
            }
        }
    }
    .h-login{
        width: 30%;
        dl{
            text-align: center;
            dt{
                img{
                    .w(100);
                    .h(100);
                    border: 5px solid rgba(255,255,255,0.7);
                    border-radius: 50%;
                }
            }
            dd{
                .fz(35);
                color: #fff;
            }
        }
    }
}
.main{
    width: @width;
    section{
        .mt(30);
        background: #fff;
    }
    .m-column-one{
        width: @width;
        .mcone-top{
            width: @width;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .pt(30);
            .pb(30);
            border-bottom: 1px solid #efefef;
            p{
                .fz(33);
                color: #545454;
                display: flex;
                align-items: center;
                img{
                    .w(60);
                    .h(60);
                    .ml(20);
                    .mr(20);
                }
            }
            span{
               .fz(30);
               color: #c3c3c3;
               .mr(26);
               i{.fz(35);.ml(10)};
            }
        }
        .mcone-bottom{
            width: @width;
            display: flex;
            justify-content: space-around;
            .pt(40);
            .pb(40);
            dl{
                text-align: center;
                dd:first-child{
                    .fz(35);
                    .mb(20);
                    span{
                        .fz(30);
                        color: #888888;
                    }
                }
                dd:last-child{
                    .fz(33);
                    color: #888888;
                }
            }
        }
    }
    .m-column-two{
        width: @width;
        display: flex;
        figure{
            width: 50%;
            .pt(30);
            .pb(30);
            ul{
                display: flex;
                li:first-child{
                    width: 60%;
                    .ml(50);
                    h4{
                        .fz(35);
                        color: #4a4a4a;
                    }
                    p{
                        .fz(30);
                        color: #858585;
                    }
                }
                li:last-child{
                    button{
                        .w(150);
                        .h(50);
                        .lh(50);
                        border: 1px solid #69b1fc;
                        border-radius: 20px;
                        color: #69b1fc;
                        .fz(25);
                        text-align: center;
                        background: none;
                    }
                }
            }
        }
        .mctwo-left{
            border-right: 1px solid #eeeeee;
        }
    }
    .m-column-three,.m-column-five{
        width: @width;
        figure{
            display: flex;
            .pt(30);
            .pb(30);
            img{
                .w(60);
                .h(60);
                .ml(20);
                .mr(20);
            }
            p{
                width:100%;
                border-bottom: 1px solid #efefef;
                color: #4d4d4d;
                .pt(8);
                .pb(8);
                .fz(40);
                span{
                    float: right;
                    .mr(27);
                    .fz(35);
                    i{
                        .ml(10);
                    }
                }
            }
        }
        figure:last-child{
            p{
                border: none;
            }
        }
    }
    .m-column-four{
        display: flex;
        align-items: center;
        justify-content: space-between;
        .pl(30);
        .pr(40);
        .pt(30);
        .pb(30);
        figure{
            h4{
                .fz(40);
                color: #373737;
                .mb(10);
            }
            p{
                .fz(35);
                color: #8c8c8c;
            }
            a{
                img{
                    .w(205);
                    .h(160);
                }
            }
        }
    }
}
